<link rel="stylesheet" href="/static/admin/css/welcome.css?v={$version}" media="all">
<style>
.layui-badge{
  background-color: #fff !important;
  color: #000 !important;
  border:1px solid #bab9b9;
}
.tt{
    background-color: #bab9b9 !important;
}
</style>
<div class="layui-layout layui-padding-2">
    <div class="layui-layout-admin">
        <div class="layui-row layui-col-space10">
            <div class="layui-col-md12 ">
                <div class="layui-row layui-col-space10">
                    <div class="layui-col-md6 ">
                        <div class="layui-card">
                            <div class="layui-card-header"><i class="fa fa-warning icon"></i>数据统计</div>
                            <div class="layui-card-body">
                                <div class="welcome-module">
                                    <div class="layui-row layui-col-space10">

                                        <div class="layui-col-xs6">
                                            <div class="layui-panel">
                                                <div class="layui-card-body">
                                                    <span class="layui-badge layui-bg-purple pull-right goods-time" title="goods-time">年</span>
                                                    <span class="layui-badge layui-bg-red pull-right goods-time" title="goods-time">月</span>
                                                    <span class="layui-badge layui-bg-orange pull-right goods-time" title="goods-time">日</span>
                                                    <div class="panel-content">
                                                        <h5>商品订单:</h5>
                                                        <h1><span class="goods-time-h1">{$data.goods_order}</span><span style="font-size: 12px;">笔</span></h1>
                                                        <h5 style="text-align: right;">未发货:<span class="goods-time-h5">{$data.goods_order_no_send}</span>笔</h5>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="layui-col-xs6">
                                            <div class="layui-panel">
                                                <div class="layui-card-body">
                                                    <span class="layui-badge layui-bg-cyan pull-right cash-time" title="cash-time">年</span>
                                                    <span class="layui-badge layui-bg-red pull-right cash-time" title="cash-time">月</span>
                                                    <span class="layui-badge layui-bg-orange pull-right cash-time" title="cash-time">日</span>
                                                    <div class="panel-content">
                                                        <h5>虚拟订单:</h5>
                                                        <h1><span class="cash-time-h1">{$data.cash_order}</span><span style="font-size: 12px;">笔</span></h1>
                                                        <h5 style="text-align: right;">未转账:<span class="cash-time-h5">{$data.cash_order_no_send}</span>笔</h5>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="layui-col-xs6">
                                            <div class="layui-panel">
                                                <div class="layui-card-body">
                                                    <span class="layui-badge layui-bg-cyan pull-right deal-time" title="deal-time">年</span>
                                                    <span class="layui-badge layui-bg-red pull-right deal-time" title="deal-time">月</span>
                                                    <span class="layui-badge layui-bg-orange pull-right deal-time" title="deal-time">日</span>
                                                    <div class="panel-content">
                                                        <h5>余额扣费:</h5>
                                                        <h1><span class="deal-time-h1">{$data.deal_num}</span><span style="font-size: 12px;">笔</span></h1>
                                                        <h5 style="text-align: right;">扣费金额($):<span class="deal-time-h5">{$data.deal_money}</span></h5>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="layui-col-xs6">
                                            <div class="layui-panel">
                                                <div class="layui-card-body">
                                                    <div class="panel-content">
                                                        <h5>商品统计:</h5>
                                                        <h1>{$data.goods_num}<span style="font-size: 12px;">件</span></h1>
                                                        <h5 style="text-align: right;">分类统计:{$data.cate_num}</h5>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                      
                                       
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-col-md6 ">
                        <div class="layui-card">
                            <div class="layui-card-header"><i class="fa fa-credit-card icon icon-blue"></i>快捷入口</div>
                            <div class="layui-card-body">
                                <div class="welcome-module">
                                    <div class="layui-row layui-col-space10">
                                        <div class="swiper mySwiper">
                                            <div class="swiper-wrapper">
                                                {foreach $quicks as $value}

                                                <div class="swiper-slide">
                                                    {foreach $value as $vo}

                                                    <div class="layui-col-xs3 layuimini-qiuck-module">
                                                        <a layuimini-content-href="{:url($vo['href'])}" data-title="{$vo['title']}">
                                                            <i class="{$vo['icon']|raw}"></i>
                                                            <cite>{$vo['title']}</cite>
                                                        </a>
                                                    </div>
                                                    {/foreach}

                                                </div>
                                                {/foreach}

                                            </div>
                                        </div>
                                        <div class="swiper-pagination"></div>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                    <div class="layui-col-md12 ">
                        <div class="layui-card">
                            <div class="layui-card-header">
                                <i class="fa fa-line-chart icon"></i>报表统计
                                <select name="sel_type" class="sel_type" style="float: right;margin-top: 10px;">
                                    <option value='1'>近一周</option>
                                    <option value='2'>近一个月</option>
                                    <option value='3'>近一年</option>
                                </select>
                            </div>
                            <div class="layui-card-body">
                                <div id="echarts-records" style="width: 100%;min-height:500px"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<input type="hidden" id="goods_num" value="{:json_encode($lineData.goods_num)}">
<input type="hidden" id="cash_num" value="{:json_encode($lineData.cash_num)}">
<input type="hidden" id="totel_num" value="{:json_encode($lineData.totel_num)}">
<input type="hidden" id="key_name" value='{:json_encode($lineData.key_name)}'>
